@import "../../styles/variable";
@import "../../styles/index";

.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

  .header {
    width: 690px;
    height: 160px;
    display: flex;
    flex-direction: row;
    align-items: center;

    .item {
      flex: 1;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      .title {
        font-size: @font28;
        color: @color666;
        line-height: 42px;
      }
      .sub-title {
        margin-top: 8px;
        font-size: @font32;
        color: @color333;
        line-height: 42px;
      }
    }
  }
  .menu-content {
    width: 690px;
    height: 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    .item {
      margin-left: 10px;
      margin-right: 10px;
      height: 60px;
      width: 160px;
      background-color: @colorBg;
      color: @color333;
      font-size: @font26;
      display: flex;
      align-items: center;
      justify-content: center;
      &.item-sel {
        background-color: @color4A4A4A;
        color: @colorWhite;
      }
    }
  }
}
